/* ======================================================================== 全局生效设置  (最好不改动它) */
/* 页面外框 */
page {
	width: 100%;
	min-height: 100%;
	position: relative;
	font-size: 28rpx;
	color: black;
	line-height: 1.0;
	touch-action: auto;
}

page {
	max-width: 750rpx;
}

/* 取消按钮原样式 */
button {
	margin: 0;
	padding: 0;
	background-color: inherit;
	border: none;
	border-radius: 0;
	outline: none;
	box-sizing: inherit;
}

button::after {
	border: none;
}

/* view容器 */
view {
	vertical-align: middle;
	/* 图片、文字纵向居中对齐 */
	word-break: break-all;
	/* 英文文字强制换行 */
	box-sizing: border-box;
	/* 元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制 */
}

/* 标签元素隐藏 */
.displayNone {
	display: none !important;
}

.displayVisibility {
	visibility: hidden !important;
}



/* ======================================================================== 标签布局所用 */
/* 定位布局 */
.position-fixed {
	position: fixed;
}

.position-sticky {
	position: sticky;
}

/* 弹性盒子布局 */
.fboxRow {
	display: flex;
	flex-direction: row;
}

.fboxCol {
	display: flex;
	flex-direction: column;
}

.fboxWrap {
	display: flex;
	flex-wrap: wrap;
}

.flex1 {
	flex: 1;
}

.flex2 {
	flex: 2;
}

.flex3 {
	flex: 3;
}

.flex4 {
	flex: 4;
}

.flex5 {
	flex: 5;
}

.flex6 {
	flex: 6;
}

.Xstart {
	justify-content: flex-start;
}

.Xcenter {
	justify-content: center;
}

.Xend {
	justify-content: flex-end;
}

.Xbetween {
	justify-content: space-between;
}

.Xaround {
	justify-content: space-around;
}

.Ystart {
	align-items: flex-start;
}

.Ycenter {
	align-items: center;
}

.Yend {
	align-items: flex-end;
}

.Ybaseline {
	align-items: baseline;
}

.Ystretch {
	align-items: stretch;
}



/* ======================================================================== 页面公用 */
/* 文字格式 */
.font12 {
	font-size: 12rpx;
}

.font13 {
	font-size: 13rpx;
}

.font14 {
	font-size: 14rpx;
}

.font15 {
	font-size: 15rpx;
}

.font16 {
	font-size: 16rpx;
}

.font17 {
	font-size: 17rpx;
}

.font18 {
	font-size: 18rpx;
}

.font19 {
	font-size: 19rpx;
}

.font20 {
	font-size: 20rpx;
}

.font21 {
	font-size: 21rpx;
}

.font22 {
	font-size: 22rpx;
}

.font23 {
	font-size: 23rpx;
}

.font24 {
	font-size: 24rpx;
}

.font25 {
	font-size: 25rpx;
}

.font26 {
	font-size: 26rpx;
}

.font27 {
	font-size: 27rpx;
}

.font28 {
	font-size: 28rpx;
}

.font29 {
	font-size: 29rpx;
}

.font30 {
	font-size: 30rpx;
}

.font31 {
	font-size: 31rpx;
}

.font32 {
	font-size: 32rpx;
}

.font33 {
	font-size: 33rpx;
}

.font34 {
	font-size: 34rpx;
}

.font35 {
	font-size: 35rpx;
}

.font36 {
	font-size: 36rpx;
}

.font37 {
	font-size: 37rpx;
}

.font38 {
	font-size: 38rpx;
}

.font39 {
	font-size: 39rpx;
}

.font40 {
	font-size: 40rpx;
}

.font48 {
	font-size: 48rpx;
}

.font42 {
	font-size: 42rpx
}

.font46 {
	font-size: 46rpx
}

.font52 {
	font-size: 52rpx;
}

.font54 {
	font-size: 54rpx
}

.font56 {
	font-size: 56rpx
}

/* 文字显示行数，超出部分会是"..." */
.font-ell1 {
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.font-ell2 {
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.font-ell3 {
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.font-ell4 {
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.font-ell6 {
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}

/* 文字对齐方式 */
.font-left {
	text-align: left;
}

.font-center {
	text-align: center;
}

.font-right {
	text-align: right;
}

/* 文字间隔 */
.font-spacing-1px {
	letter-spacing: 1px;
}

.font-spacing-2px {
	letter-spacing: 2px;
}

.font-spacing-3px {
	letter-spacing: 3px;
}

/* 文字行高 */
.font-line-1o2 {
	line-height: 1.2;
}

.font-line-1o5 {
	line-height: 1.5;
}

.font-line-1o8 {
	line-height: 1.8;
}

/* 文字加粗 */
.font-weight {
	font-weight: bold;
}
.font-w300 {
	font-weight: 300;
}


/* 阴影 */
.shadow-blur {
	position: relative;
}

.shadow-blur::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10rpx;
	left: 10rpx;
	z-index: -1;
	display: block;
	border-radius: inherit;
	background: inherit;
	filter: blur(10rpx);
	opacity: 0.4;
	transform-origin: 0 0;
	transform: scale(1, 1);
}

/* 点击效果 */
.click-color {
	transition: 0.1s;
	transition-timing-function: linear;
}

.click-color:active {
	opacity: 0.6;
}

.click-scale {
	transition: 0.1s;
	transition-timing-function: linear;
}

.click-scale:active {
	opacity: 0.9;
	transform: scale(0.95);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4);
}

.click-translateY {
	transition: 0.1s;
	transition-timing-function: linear;
}

.click-translateY:active {
	opacity: 0.8;
	transform: translateY(3px);
}



/* ======================================================================== 动画 */
/* 
	1. 位移类型的动画 
*/
/* 移动 X：0 → 100% */
@keyframes zdo_translateX_0_100 {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(100%);
	}
}

.animt_translateX_0_100 {
	animation-name: zdo_translateX_0_100;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-fill-mode: both;
}

/* 移动 X：100% → 0 */
@keyframes zdo_translateX_100_0 {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(0);
	}
}

.animt_translateX_100_0 {
	animation-name: zdo_translateX_100_0;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-fill-mode: both;
}

/* 移动 Y：70px  → 0px */
@keyframes zdo_translateY_70_0 {
	0% {
		opacity: 0;
		transform: translateY(70px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.animt_translateY_70_0 {
	animation-name: zdo_translateY_70_0;
	animation-duration: 0.3s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

/* 移动 Y：0px  → 70px */
@keyframes zdo_translateY_0_70 {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(70px);
	}
}

.animt_translateY_0_70 {
	animation-name: zdo_translateY_0_70;
	animation-duration: 0.3s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

/*
	2. 透明类型的动画
*/
/* 透明度：0 → 1 */
@keyframes zdo_opacity_0_1 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.animt_opacity_0_1 {
	animation-name: zdo_opacity_0_1;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-fill-mode: both;
}

/* 透明度：1 → 0 */
@keyframes zdo_opacity_1_0 {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.animt_opacity_1_0 {
	animation-name: zdo_opacity_1_0;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-fill-mode: both;
}

/*
	3. 大小、旋转类型的动画
*/
/*缩放：0.5 → 1*/
@keyframes zdo_scale_o5_1 {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.animt_scale_o5_1 {
	animation-name: zdo_scale_o5_1;
	animation-duration: 0.3s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

/*缩放：1 → 1.1 → 0.5*/
@keyframes zdo_scale_1_o5 {
	0% {
		opacity: 1;
		transform: scale(1);
	}

	15% {
		opacity: 1;
		transform: scale(1.1);
	}

	100% {
		opacity: 0;
		transform: scale(0.5);
	}
}

.animt_scale_1_o5 {
	animation-name: zdo_scale_1_o5;
	animation-duration: 0.3s;
	animation-timing-function: ease;
	animation-fill-mode: both;
}

/*旋转：0deg → 360deg*/
@keyframes zdo_rotate_0_360 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.animt_rotate_0_360_infinite {
	animation-name: zdo_rotate_0_360;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

/*
	4. 特殊类型的动画
*/
/* 透明度：0.2 → 1 → 0.2    0.2的时间占绝大部分（即大部分时间透明），可用于wifi加载闪烁 */
@keyframes zdo_opacity_o2_1_o2 {
	0% {
		opacity: 0.2;
	}

	25% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 0.2;
	}
}

.animt_opacity_o2_1_o2_infinite {
	animation-name: zdo_opacity_o2_1_o2;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

/* 位移：0px → -40px → 0px    0的时间占绝大部分（即大部分时间没动），可用于load加载上下跳动 */
@keyframes zdo_translateY_0_30_0 {
	0% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(-25px);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(0);
	}
}

.animt_translateY_0_30_0_infinite {
	animation-name: zdo_translateY_0_30_0;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-fill-mode: both;
	animation-iteration-count: infinite;
}

.space-block {
	height: 16rpx;
	width: 100%;
}

.mt8 {
	margin-top: 8rpx;
}

.mt10 {
	margin-top: 10rpx;
}

.mt12 {
	margin-top: 12rpx;
}

.mt15 {
	margin-top: 15rpx;
}

.mt16 {
	margin-top: 16rpx;
}

.mt20 {
	margin-top: 20rpx;
}

.mt24 {
	margin-top: 24rpx;
}

.mt26 {
	margin-top: 26rpx;
}

.mt28 {
	margin-top: 28rpx;
}

.mt30 {
	margin-top: 30rpx;
}

.mt32 {
	margin-top: 32rpx;
}

.mt40 {
	margin-top: 40rpx;
}

.mt48 {
	margin-top: 48rpx;
}

.mr12 {
	margin-right: 12rpx;
}

.mr6 {
	margin-right: 6rpx;
}

.fixed-space {
	height: 160rpx;
}

.fixed-btn {
	height: 80rpx;
	border-radius: 12rpx;
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 40rpx;
	z-index: 6;
}


/* h5样式 */
.color-000233 {
	color: #000233
}

.color-6264A3 {
	color: #6264A3
}

.color-a1a3cc {
	color: #a1a3cc;
}

.color-101475 {
	color: #101475;
}

.color-121575 {
	color: #121575;
}

.bg-EDEEFA {
	background-color: #EDEEFA
}

.bg-121575 {
	background-color: #121575
}

.space-back {
	width: 100%;
	height: .21333rem;
	background-color: #f0f1f5
}

.lh50 {
	line-height: 50rpx;
}

.lh44 {
	line-height: 44rpx;
}

.lh40 {
	line-height: 40rpx;
}

.lh38 {
	line-height: 38rpx;
}

.lh36 {
	line-height: 36rpx;
}

.lh34 {
	line-height: 34rpx;
}

.ml24 {
	margin-left: 24rpx;
}
.ml12{margin-left: 12rpx;}

.mr24 {
	margin-right: 24rpx;
}

.ml10 {
	margin-left: 10rpx;
}

.opacity35 {
	opacity: .35;
}

.maxw250 {
	max-width: 250rpx;
}

.ptb40 {
	padding: 40rpx 0;
}

.fwb {
	font-weight: bold;
}

.border-radius12 {
	border-radius: 12rpx;
}

.top-bar-box+.head-custom-wrap .head-custom {
	top: 80rpx;
}




.actionSheetMenu .uni-actionsheet {
	left: 0;
	right: 0;
	bottom: 0;
}

.actionSheetMenu .uni-actionsheet__cell {
	background: #1A1D25;
	color: #D0D3DB;
	font-size: 30rpx;
	height: 102rpx;
	padding: 25rpx 0;
	line-height: 52rpx;
}

.actionSheetMenu .uni-actionsheet__cell:before {
	border-top: 1px solid #1F232F;
}

.actionSheetMenu .uni-actionsheet__action {
	margin-top: 0;
}

.actionSheetMenu .uni-actionsheet__action .uni-actionsheet__cell {
	background: var(--darkViewBgColor);
	color: #FFD9B5
}

.actionSheetMenu .uni-actionsheet__menu {
	background: none;
}

/* .modal-black /deep/ .u-popup__content{background: none !important;} */

.actionShowModal .uni-modal {
	background-color: #232732;
}

.actionShowModal .uni-modal__hd {
	color: #f0f1f5;
}

.actionShowModal .uni-modal__ft .uni-modal__btn_default {
	color: #f0f1f5 !important;
}

.actionShowModal .uni-modal__ft .uni-modal__btn_primary {
	color: #FFD9B5 !important;
}

.uni-modal .uni-modal__btn:active {
	background-color: #232732;
}

::-webkit-scrollbar {
	display: none;
}

.uni-picker-action {
	color: #000 !important;
}

.wx-icon {
	color: #18AA55;
	margin-right: 10rpx;
}
.zfb-icon{
	color: #00a0ea;
	margin-right: 10rpx;
}

.img_bg {
	background: var(--backgroundDivisionColor) url('https://ebc-prod.cdn.benwunet.com/uni-static/logo_gray.png') no-repeat center center;
	background-size: 50% auto;
}

.nav-btn-back {
	top: 70rpx !important;
}

.page-wrap {
	min-height: calc(100vh);
}
/* [data-theme='bks-theme'].page-wrap{min-height: calc(100vh);} */
[data-theme='night-theme'] .u-popup__content,
[data-theme='lightBlue-theme'] .u-popup__content {
	background-color: var(--viewBgColor) !important;


}

[data-theme='lightBlue-theme'] .u-gap,
[data-theme='lightBlue-theme'] .u-gap {
	display: none;
}


[data-theme='lightBlue-theme'] .u-line,
[data-theme='lightBlue-theme'] .u-line {
	border-bottom: 1px solid var(--viewDivisionColor) !important;
}

[data-theme='lightBlue-theme'] .u-action-sheet__item-wrap__item__name,
[data-theme='lightBlue-theme'] .u-action-sheet__item-wrap__item__name {
	color: var(--contentFontDarkColor) !important;
}

[data-theme='lightBlue-theme'] .u-action-sheet__cancel-text,
[data-theme='lightBlue-theme'] .u-action-sheet__cancel-text {
	color: var(--contentFontDarkColor) !important;
}

[data-theme='lightBlue-theme'] .u-action-sheet__cancel-text,
[data-theme='lightBlue-theme'] .u-action-sheet__cancel-text {
	background-color: var(--controllerBgColor) !important;
}

[data-theme='lightBlue-theme'] .u-action-sheet--hover,
[data-theme='lightBlue-theme'] .u-action-sheet--hover {
	background-color: var(--controllerBgColor) !important;
}


.spaceHead {
	width: 100%;
	height: 88rpx;
}

.spaceBar {
	width: 100%;
}


.page-wrap /deep/ .inputPlaceholder{color: var(--contentFontFourColor);}
.page-wrap /deep/ .u-input__content__field-wrapper__field{color: red}

.bw-qiye.color-linear{background: linear-gradient(180deg, var(--rampButtonBackStartColor) 6%, var(--rampButtonBackEndColor) 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


 .w750{width: 750rpx;}
 .w690{width: 690rpx}
